﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>中南大学自动化学院模型管理平台</title>
    <link rel="icon" type="image/x-icon" href="./favicon.ico">
    <script type="text/javascript">
        // 检测浏览器版本
        (function () {
            var version = ieVer();
            if (version < 9) {
                location.href = "./static/version.html";
            }
            function ieVer() {
                var userAgent = navigator.userAgent;
                var isOpera = userAgent.indexOf("Opera") > -1;
                var isIE =
                  userAgent.indexOf("compatible") > -1 &&
                  userAgent.indexOf("MSIE") > -1 &&
                  !isOpera;
                if (isIE) {

                    var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
                    reIE.test(userAgent);
                    var IEVersion = parseFloat(RegExp["$1"]);
                    return Math.floor(IEVersion);
                }

                return Infinity;
            }
        })();
    </script>
    <link type="text/css" rel="stylesheet" href="./css/reset.css" />
    <script>
        var now = new Date().getTime();
        document.write('<link href="./css/index.css?v=' + now + '" rel="stylesheet" type="text/css"/>');
    </script>
    <script type="text/javascript" src="./js/jquery.1.10.2.js"></script>
    <script type="text/javascript" src="./js/vue.min.2.5.13.js"></script>
    <script src="./js/index.js"></script>
</head>
<body style="background-color: #f9f9f9">
    <div id="app">
        <template>
            <div id="scoller" class="page">
                <div class="carousel-wrap">
                    <ul class="slide-ul">
                        <li style="background-image:url('');background-repeat: repeat-x;">
                            <p class="background-color-left" style="background-image:url('');background-repeat: repeat-x;"></p>
                            <div class="main-banner">
                                <img src="./images/banner.jpg" />
                                <!---->
                            </div>
                        </li>
                    </ul>
                    <!---->
                </div>
                <div class="icon-banner">
                    <div class="icon-box">
                        <!-- <div class="banner-title-box">
                          <p class="banner-title">平台简介</p>
                          <p class="banner-title-2">Platform Profile</p>
                        </div> -->
                        <div class="icons">
                            <div class="sum-box">
                                已收录模型: &nbsp;<span>{{statistics.projectSum}}</span>&nbsp;&nbsp;
                                总调用次数: &nbsp;<span>{{statistics.totalCalls}}</span>&nbsp;&nbsp;
                                今日收录:&nbsp;<span>{{statistics.todaySum}}</span>&nbsp;&nbsp;
                                总浏览: &nbsp;<span>{{statistics.browseSum}}</span>
                            </div>
                            <div class="icon-item">
                                <img src="./images/7.png" />
                                <p class="icon-font">精准优质</p>
                                <p class="icon-font-light">
                                    专业的数据开放平台，为开发者提供了精准、优质的数据资源
                                </p>
                            </div>
                            <div class="icon-item">
                                <img src="./images/8.png" />
                                <p class="icon-font">稳定高效</p>
                                <p class="icon-font-light">
                                    多层防护、多点集群布署，24小时不间断数据维护、更新优化
                                </p>
                            </div>
                            <div class="icon-item">
                                <img src="./images/9.png" />
                                <p class="icon-font">简单便捷</p>
                                <p class="icon-font-light">
                                    专业的数据开放平台，为开发者提供了精准、优质的数据资源
                                </p>
                            </div>
                            <div class="icon-item">
                                <img src="./images/10.png" />
                                <p class="icon-font">预警监控</p>
                                <p class="icon-font-light">
                                    针对API接口使用周期预警和API参数实时预警并推送预警信息
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="exp-searWrap z-auto">
                        <div class="exp-search clearfix">
                            <div class="intxt js-intxt">
                                <!-- <label class="tj" v-if="!inputVal"></label> -->
                                <input value="" v-model="inputVal" placeholder="请输入您想搜索的开放数据" type="text" class="t-cont" id="searchValue">
                            </div>
                            <div class="inbtn" @click="search" id="searchAPI"><i class="iconfont icon-Search b-cont"></i></div>
                        </div>
                        <div class="otherci clearfix">
                            <span>热词：</span>
                            <!-- <a href="javascript:" onclick="HotWords(this)">铜</a> -->
                            <a href="javascript:;" @click="createConditions(item)" v-for="(item, index) in hotkeys">{{item.value}} &nbsp;</a>
                        </div>
                    </div>

                    <!---->
                </div>
                <div class="page-center">
                    <div class="white-box">
                        <div class="list__ts">
                            <div class="list__category">
                                <div>
                                    <div class="category__listCategory">
                                        <div class="category__top">
                                            <span class="category__categoryTitle">模型类别</span>
                                        </div>
                                        <div @mouseleave="hideExpandNav">
                                            <ul data-reactid="77">
                                                <li class="category__homeli" v-for="model in models" @mouseenter="showExpandNav(model.children)">
                                                    <div class="category__links"
                                                         data-reactid="79">
                                                        <a class="category__listjump"
                                                           href="javascript:;">{{model.name}}</a>
                                                    </div>
                                                    <ul class="category__item2" data-reactid="81" v-if="index < 2" v-for="(item, index) in model.children">
                                                        <li data-reactid="82">
                                                            <a href="javascript:;"
                                                               @click="createConditions(item)">{{item.value}}{{index===1?'...':''}}</a>
                                                        </li>
                                                    </ul>
                                                </li>
                                            </ul>
                                            <div v-if="isShowexpandNav">
                                                <div class="category__expandNav2">
                                                    <ul class="category__expandNavLeft">
                                                        <li class="category__cItem" v-if="currentModel.length>0 " v-for="item in currentModel">
                                                            <a class="category__h3" @click="createConditions(item)" href="javascript:;">{{item.value}}</a>
                                                            <span>{{item.desc}}</span>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="list__rightContainer">
                                <div class="list__filter">
                                    <div class="filter__filter">
                                        <div class="filter__condition">
                                            <div class="filter__head">
                                                筛选条件：
                                            </div>
                                            <div class="filter__detail">
                                                <span v-for="condition in conditions">
                                                    {{getType(condition.type)}}{{condition.value}}<i class="iconfont icon-close" @click="closeConditions(condition)"></i>
                                                </span>
                                            </div>
                                        </div>
                                        <div data-reactid="214">
                                            <div class="filterLine__filterLine clearfix"
                                                 data-reactid="215">
                                                <div class="filterLine__header"
                                                     data-reactid="216">
                                                    <!-- react-text: 217 -->标签分类<!-- /react-text --><!-- react-text: 218 -->：<!-- /react-text -->
                                                </div>
                                                <div class="filterLine__choose"
                                                     data-reactid="219">
                                                    <span class="filterLine__item"
                                                          v-for="category in categorys"
                                                          @click="createConditions(category)">{{category.value}}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="apiright">
                            <div id="apilistbox" class="hotdata">
                                <ul>
                                    <!--<li style="`border-top-color:${randomColor()}`"  :class="(index+1)%5===0?'hdlilast':''"  v-for="(item, index) in dataList">-->
                                    <!--<li style="border-top-color:${randomColor()}"  class="(index+1)%5===0?'hdlilast':''"  v-for="(item, index) in dataList">-->
                                    <li :style="`border-top-color:${randomColor()}`" :class="(index+1)%5===0?'hdlilast':''" v-for="(item, index) in dataList">
                                        <a :href="`./details.html?id=${item.Project_Id}`">
                                            <img :src="item.Project_Img" height="70" :alt="item.Project_Name" />
                                            <h3 class="textEllipsis">{{item.Project_Name}}</h3>
                                            <span class="textEllipsis">
                                                <template v-if="item.Project_LableString">
                                                    {{item.Project_LableString.replace(/,/g,'|')}}
                                                </template>
                                            </span>
                                            <div class="apinum">
                                                <span class="clicknum"><i></i>{{item.Project_Clicks}}</span><span>|</span><span class="collectnum"><i></i>{{item.Project_Clicks}}</span><span>|</span><span class="usenum"><i></i>{{item.Project_Clicks}}</span>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                                <div class="clearfix"></div>
                            </div>
                            <div class="mtop10" id="pageline">
                                <a class="pprev" v-if="cur>1" @click="cur--,pageClick()">上一页</a>
                                <span class="pprev" v-if="cur==1">上一页</span>
                                <a v-for="index in indexs" class="{ 'current': cur == index}" @click="btnClick(index)">{{index}}</a>
                                <a v-if="cur!=allNum" @click="cur++,pageClick()" class="pnext">下一页</a>
                                <span class="pprev" v-if="cur == allNum">下一页</span>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </template>
    </div>
    <script src="./js/widget.js"></script>
</body>
</html>
